html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;

    height: 100%;

    background: -ms-linear-gradient(top, #fff, #0d58ff); /* IE 10 */

    background: -moz-linear-gradient(top, #b8c4cb, #f6f6f8); /*火狐*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8)); /*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff)); /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #fff, #0000ff); /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #fff, #0000ff); /*Opera 11.10+*/
}

.container {
    width: 100%;
    height: 97%;
    margin: 0;
    padding: 0;
}

.video-player {
    background-color: transparent;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
}

.video_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    background-color: rgba(0, 0, 0, 0.5);
}

.login {
    height: 260px;
    width: 260px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -150px;
    z-index: 99;
}

.login h1 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
}

.form_code {
    position: relative;
}

.form_code .code {
    position: absolute;
    right: 0;
    top: 1px;
    cursor: pointer;
}

.login_btn {
    width: 100%;
}